<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  </head>
  <style>
  h1{/*类型选择符*/
	color:blue;
  }
  a,p{/*组合选择符*/
	font-size:20px;
  }
  p span{/*包含选择符*/
	color:red;
  }
  #s{/*ID选择符*/
	color:green;
	font-size:15px;
  }
  .m{/*类选择符*/
	font-weight:bold;
  }
  a:link{
	color:red;
  }
  a:visited{
	color:yellow;
  }
  a:hover{
	color:green;
  }
  a:active{
	color:pink;
  }
  h1:font-letter{
	font-size:90px;
  }
  </style>
 <body>
 <h1>CSS</h1>
 <p>CSS 是层叠样式表,是一种用来表现文件样式的<span>计算机语言<span></p>
 <p class="m">CSS 可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。</p>
 <a href="#">开始学习CSS</a><br>
 <br><span id="s" class="m">你应该是自己的那座山</span>
 </body>
</html>